<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
	</head>
	<body>
		<!--head-->
		<div class="head" id="head">
			<div class="head-nav center">
				<a href="index.html" class="logo"></a>
				<ul class="headnav-ul">
					<li class="headnav-li-active"><a href="index.html"><span>首页</span></a></li>
					<li><a href="about-us.html"><span>关于我们</span></a></li>
					<li><a href="news.html"><span>新闻资讯</span></a></li>
					<li><a href="product.html"><span>产品展示</span></a></li>
					<li><a href="contact-us.html"><span>联系我们</span></a></li>
				</ul>
			</div>
			<div class="banner">
				<div class="swiper-container">
				  	<div class="swiper-wrapper">
				    	<div class="swiper-slide">
				    		<a href="#">
				            	<img data-src="img/banner1.png" class="swiper-lazy">
				            </a>
				        </div>
				        <div class="swiper-slide">
				        	<a href="#">
				            	<img data-src="img/banner2.png" class="swiper-lazy">
				            </a>
				        </div>
				        <div class="swiper-slide">
				        	<a href="#">
				            	<img data-src="img/banner3.png" class="swiper-lazy">
				            </a>
				        </div>
				        <div class="swiper-slide">
				        	<a href="#">
				            	<img data-src="img/banner4.png" class="swiper-lazy">
				            </a>
				        </div>
				  	</div>
				  	<div class="swiper-pagination"></div>t
				  	<div class="swiper-button-next"></div>
				  	<div class="swiper-button-prev"></div>
				</div>
			</div>
		</div>
		
		<!--index-->
		<div class="index">
			<!--关于我们-->
			<div class="index-content center clearfix">
				<div class="index-aboutL">
					<h2>关于我们</h2>
					<div class="index-aboutP">
						<p>
							思乡是一种故土难离的情结，微风吹过，掀起的微澜一圈圈，而后潮湿着光阴的手帕。
							这血浓于水的难以割舍的乡情，不论途径多少年，翻云多少日月，离开还是回归，都在心心念念着，絮叨着。
						</p>
						<p>
							儿时，总是梦想去远方，走出山村，游历各地。长大后离开了农村，又开始怀念儿时的家乡，想着那座山，那条河，那矮矮的房子……
							人的想法总是矛盾，住着豪宅，开着洋车，却总想吃点野菜，去偏僻的地方，怀旧一把。
							其实人生就是这样，总是经历后，才会恍然大悟，逝去的日子最美，离去的人是最好的。于是萌生了不舍，有了怀思，有了念旧！
						</p>
					</div>
					<a href="about-us.html">
						查看更多>>
					</a>
				</div>
				<div class="index-aboutR">
					<img src="img/index-aboutUs.png"/>
				</div>
			</div>
			<!--新闻资讯-->
			<div class="index-content index-news">
				<div class="center" style="position: relative;">
					<h2>新闻资讯</h2>
					<div class="index-news-box clearfix">
						<img src= "img/index-news1.png"/>						
						<div class="index-news-right">
							<a href="">
								<b class="index-news-tittle">
									从逼近破发到重新站上500亿美元，京东做对了什么?
								</b>
								<p>
									在时隔近两年后，京东的市值在昨天美股收盘时再次站上500亿美元。
								</p>
								<p>
									上一次站上这一高度是2015年6月份，但那之后的一年中，由于大势的影响，
									以及投资人因京东迟迟不能建立稳定的盈利能力而对其失去了耐心，京东的市值在最低时蒸发掉了一半，股价逼近破发。
								</p>
								<p>
									但随后的十个月里，京东的股价开始了强劲反弹，这期间京东股价从谷底反弹了将近80%，仅今年以来的四个月里就上涨了38%，而同期...
								</p>
							</a>
						</div>						
						<i>1</i>
					</div>
					<div class="index-news-box clearfix">						
						<img src= "img/index-news2.png"/>
						<div class="index-news-right">
							<a href="">
								<b class="index-news-tittle">
									从逼近破发到重新站上500亿美元，京东做对了什么?
								</b>
								<p>
									在时隔近两年后，京东的市值在昨天美股收盘时再次站上500亿美元。
								</p>
								<p>
									上一次站上这一高度是2015年6月份，但那之后的一年中，由于大势的影响，
									以及投资人因京东迟迟不能建立稳定的盈利能力而对其失去了耐心，京东的市值在最低时蒸发掉了一半，股价逼近破发。
								</p>
								<p>
									但随后的十个月里，京东的股价开始了强劲反弹，这期间京东股价从谷底反弹了将近80%，仅今年以来的四个月里就上涨了38%，而同期...
								</p>
							</a>
						</div>
						<i>2</i>
					</div>
					<div class="index-news-box clearfix">						
						<img src= "img/index-news3.png" class="index-news-img"/>
						<div class="index-news-right">
							<a href="">
								<b class="index-news-tittle">
									从逼近破发到重新站上500亿美元，京东做对了什么?
								</b>
								<p>
									在时隔近两年后，京东的市值在昨天美股收盘时再次站上500亿美元。
								</p>
								<p>
									上一次站上这一高度是2015年6月份，但那之后的一年中，由于大势的影响，
									以及投资人因京东迟迟不能建立稳定的盈利能力而对其失去了耐心，京东的市值在最低时蒸发掉了一半，股价逼近破发。
								</p>
								<p>
									但随后的十个月里，京东的股价开始了强劲反弹，这期间京东股价从谷底反弹了将近80%，仅今年以来的四个月里就上涨了38%，而同期...
								</p>
							</a>
						</div>
						<i>3</i>
					</div>
					<ul class="index-news-more">
						<li>&or;</li>
						<li>&or;</li>
						<li class="index-newsM"><a href="news.html">MORE</a></li>
					</ul>
				</div>
			</div>
			
			<!--产品展示-->
			<div class="index-content center">
				<div class="index-product-tittle clearfix">
					<h2>产品展示</h2>					
					<a href="product.html">
						查看更多>>
					</a>
				</div>
				<div class="index-product-img">
					<div class="swiper-container">
					  	<div class="swiper-wrapper">
					    	<div class="swiper-slide">					    		
					            <img src="img/index-product1.png">					           
					        </div>
					        <div class="swiper-slide">					        	
					            <img src="img/banner1.png">					            
					        </div>
					        <div class="swiper-slide">					        	
					            <img src="img/banner2.png">					           
					        </div>
					        <div class="swiper-slide">					        	
					            <img src="img/banner3.png">
					        </div>
					        <div class="swiper-slide">					        	
					            <img src="img/banner4.png">
					        </div>
					  	</div>					  	
					</div>
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
			</div>
		</div>
		
		<!--foot-->
		<div class="foot">
			<div class="center">
				<div class="foot-top clearfix">
					<div class="foot-img">
						<img src="img/foot-img.png"/>
					</div>				
					<ul class="foot-ul1">
						<li>
							<ul class="foot-ul2">
								<li class="foot-ul2-li1"><a href="#">公司介绍</a></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">企业文化</a></li>
								<li><a href="#">荣誉证书</a></li>
								<li><a href="#">人才招聘</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</li>
						<li>
							<ul class="foot-ul2">
								<li class="foot-ul2-li1"><a href="#">公司介绍</a></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">企业文化</a></li>
								<li><a href="#">荣誉证书</a></li>
								<li><a href="#">人才招聘</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</li>
						<li>
							<ul class="foot-ul2">
								<li class="foot-ul2-li1"><a href="#">公司介绍</a></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">企业文化</a></li>
								<li><a href="#">荣誉证书</a></li>
								<li><a href="#">人才招聘</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</li>
						<li>
							<ul class="foot-ul2">
								<li class="foot-ul2-li1"><a href="#">公司介绍</a></li>
								<li><a href="#">关于我们</a></li>
								<li><a href="#">企业文化</a></li>
								<li><a href="#">荣誉证书</a></li>
								<li><a href="#">人才招聘</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</li>
					</ul>
					<a href="#head" class="foot-backTop">
						<img src="img/backTop.png"/>
					</a>
				</div>
				<div class="foot-copy">
					Copyright © 2011-2017  武汉华楚牛犇科技网络技术有限公司  版权所有  鄂ICP15564号
				</div>				
			</div>
		</div>
	</body>
	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>  <!--banner-->
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
